@charset "utf-8";
/* CSS Document */
body{color:#de3434;color:#333;font-family:"微软雅黑",Arial,Helvetica,sans-serif;margin:0 auto; padding:0px; font-size:14px; height:100%; line-height:24px; width:100%;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
a{color:#333;text-decoration:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em;}
button,input,select,textarea{font-size:100%;margin:0;outline:none;}
button,input{line-height:normal;}button,select{text-transform:none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default;}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}
input.submit{cursor:pointer;}input.radio{width:13px;height:13px;}
input[type="text"],input[type="number"]{-webkit-appearance:none;}
textarea{overflow:auto;vertical-align:top;resize:none;-webkit-appearance:none;}
button,input,select,textarea{font-size:100%;font-family:inherit}
select{margin:inherit}
table{border-collapse:collapse;border-spacing:0}
caption,td,th{text-align:left}
hr{margin:0;padding:0;border:0;color:#000;background-color:#000;height:1px}
address,caption,cite,code,dfn,em,th,var{font-weight:400;font-style:normal}
ul,ul li,ol,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
p{ margin:0; padding:0}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px;}
.clearfix:after,.line-big:after,.line-middle:after,.line-small:after,.line:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden}
.clearfix,.layout,.line,.line-big,.line-middle,.line-small{display:block}
.mt10{ margin-top: 10px;}
a{ color:#333; text-decoration:none; cursor:pointer; -webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear;}
a:hover {text-decoration: none;}
img{ border:none; vertical-align:middle;}
.imgs{ vertical-align:top;}
.lf{ float:left;}
.rg{ float:right;}  
.f-cb {zoom: 1;}
.f-cb:after {display: block;height: 0;clear: both;visibility: hidden;overflow: hidden;content: ".";}
.f-cl:after{display:block;content:".";height:0;visibility:hidden;overflow:hidden;clear:both}
.f-a,.f-gd,.f-imgfd img{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s}
.f-a:hover{color:#0056a9}
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.bg-gray{background-color: #f5f5f5;}
.white{color: #fff;}
.bold{font-weight: bold;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-70{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.text-center{text-align:center}
.wrap { width: 1200px; margin-right: auto; margin-left: auto; *width: 1200px;}
@media screen and (max-width: 1440px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.wrap {padding-left:2%; padding-right:2%; width:96%; }
}
@media only screen and (max-width: 760px) {
.wrap { padding-left:2%; padding-right:2%; width:96%; }
}
.fix { *zoom:1; *clear:both;}
.fix:before, .fix:after {display:table; clear:both; content:'';}
.ico { display: inline-block; overflow: hidden; width: 20px; height: 20px; 
	vertical-align: middle; background: url(../images/ico.png);margin:0 .3em;}
.ico1_2 { background-position: -20px 0;}
.ico1_3 { background-position: -40px 0;}
.ico1_4 { background-position: -60px 0;}
.ico1_5 { background-position: -80px 0;}
.ico2_1 { background-position: 0 -20px;}
.ico2_2 { background-position: -20px -20px;}
.ico2_3 { background-position: -40px -20px;}
.ico2_4 { background-position: -60px -20px;}
.ico2_5 { background-position: -80px -20px;}
.ico3_1 { background-position: 0 -40px;}
.ico3_2 { background-position: -20px -40px;}
.ico3_3 { background-position: -40px -40px;}
.ico3_4 { background-position: -60px -40px;}
.ico3_5 { background-position: -40px -40px;}
.ico4_1 { background-position: 0 -60px;}
.ico4_2 { background-position: -20px -60px;}
.ico4_3 { background-position: -40px -60px;}
.ico4_4 { background-position: -60px -60px;}
.ico4_5 { background-position: -80px -60px;}
.ico5_1 { background-position: 0 -80px;}
.ico5_2 { background-position: -20px -80px;}
.ico5_3 { background-position: -40px -80px;}
.ico5_4 { background-position: -60px -80px;}
.ico5_5 { background-position: -80px -80px;}
.ico6_1 { background-position: 0 -100px;}
.ico6_2 { background-position: -20px -100px;}
.ico6_3 { background-position: -40px -100px;}
.ico6_4 { background-position: -60px -100px;}
.ico6_5 { background-position: -80px -100px;}
.ico7_1 { background-position: 0 -120px;}
.ico7_2 { background-position: -20px -120px;}
.ico7_3 { background-position: -40px -120px;}
.ico7_4 { background-position: -60px -120px;}
.ico7_5 { background-position: -80px -120px;}
.ico8_1 { background-position: 0 -140px;}
.ico8_2 { background-position: -20px -140px;}
.ico8_3 { background-position: -40px -140px;}
.ico8_4 { background-position: -60px -140px;}
.ico8_5 { background-position: -80px -140px;}
.ico2{display:inline-block; background:url(../images/ico2.png) no-repeat;vertical-align:middle;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.g-hd{height:113px; z-index:99999;}
.hd-t{height:82px}
.logo{float:left;width:453px;height:72px}
.logo img{border:none; vertical-align:middle; margin-top:15px;}
.hd-t ul{float:right}
.hd-t ul li{float:left;height:61px;line-height:61px}
.hd-t ul li *{float:left;}
.hd-t ul li a{margin:0 15px 0 10px;color:#666;font-size:14px}
.hd-t .right{float:right;}
.hd-t .right .search-box{position:relative;float:right;z-index:2;}
.hd-t .right .search-box .img{width:66px;height:60px;background:url(../images/img_02.png) no-repeat center;background-size:100% 100%;position:relative;cursor:pointer;}
.search-box .img img{position:absolute;display:block;top:21px;right:22px;}
.search-box .img input{width:18px;height:18px;background:url(../images/img-02.png) no-repeat center;position:absolute;top:21px;right:22px;border:0px none;display:none;}
.hd-t .pop-up{position:absolute;top:16px;right:64px;height:32px;width:0px;overflow:hidden;transition:all 0.3s;background:#fff;border-left:1px solid #ddd;}
.hd-t .pop-up.cur{width:260px;}
.hd-t .pop-up .te{height:32px;border:0px none;padding:8px 13px;width:200px;font-size:14px;color:#333;float:left;box-sizing:border-box;}
.hd-t .pop-up .hide{float:left;margin-top:8px; margin-left:8px;cursor:pointer;transition:all 2s ease;}
.hd-t .pop-up .hide:hover{transform:rotate(720deg);-ms-transform:rotate(720deg);-moz-transform:rotate(720deg);-webkit-transform:rotate(720deg);-o-transform:rotate(720deg);}

.hd-b{height:52px; border-top:1px solid #CECECE; box-shadow: 2px 2px 5px #D4D4D4; z-index:999;}
.h-ewm li,.h-ewm>a{position: relative; margin-top:10px;}
.h-ewm .ewm{display: none;position: absolute;top: 82px;left: 0;width: 120px;height: 120px;z-index: 1;}
.h-ewm2 .ewm{top: -130px;left: -32px;}
.m-nav>li{position:relative;float:left;width:137.4px;height:52px;margin:0 17px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;background-position:57px 42px}
.m-nav>li.active,.m-nav>li:hover{background:no-repeat url(nav_on.png);background-position:57px 42px}
.m-nav>li>a{line-height:52px;color:#333;font-size:16px;text-align:center}
.m-nav a{display:block;width:100%;height:100%}
.nav-sub{display:none;position:absolute;top:52px;width:565px;height:280px;background:#facd00;z-index:99}
.nav-sub>*{float:right}
.nav-sub>:first-child{float:left}
.nav-sub ul{width:175px;margin-top:20px}
.nav-sub ul li{width:100px;height:26px;line-height:26px;margin:0 0 10px 18px;padding-left:30px;background-image:url(navsub_listyle.png);background-repeat:no-repeat}
.nav-sub ul li:hover{background-image:url(navsub_listyle_hov.png);background-repeat:no-repeat}
.nav-sub ul li a{font-size:14px}
.nav-sub>div{width:310px;height:230px;padding:25px 40px;background:#fff}
.nav-sub div img{width:306px;height:146px}
.nav-sub div .txt{line-height:21px;margin-top:10px;color:#999;font-size:12px}
.hidden{display:none!important}

@media screen and (max-width: 1440px) and (min-width:1281px) {/* 小屏幕的尺寸 */
.m-nav>li{position:relative;float:left;width:12.1%;height:52px;margin:0 13px;-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-ms-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;background-position:57px 42px}
}
@media screen and (max-width: 1280px) and (min-width:1153px) {/* 小屏幕的尺寸 */
.m-nav>li{position:relative;float:left;width:12.1%;height:52px;margin:0 12px;}
}

@media screen and (max-width: 1152px) and (min-width:1024px) {/* 小屏幕的尺寸 */
.m-nav>li{position:relative;float:left;width:12.1%;height:52px;margin:0 11px;}
}

/*页脚*/
.foot{height:260px;padding-top:45px;color:#fff;background:#34343c}
.foot_nav>li{float:left;height:210px;padding:0 50px;border-right:1px solid #5d5d63}
.foot_nav>li:first-child{padding-left:0}
.ft-subnav{margin:10px 0;}
.foot_nav,.foot_nav a{line-height:24px;color:#939397;font-size:14px;transition: all 0.5s ease 0s;}
.foot_nav .ft-subnav a:hover{color:#fff}
.foot_nav>li>a{color:#fff;font-size:16px}
.foot_nav .lilast{float:right;font-size:14px;border-right:none}
.foot_nav .lilast h4{margin-bottom:5px;color:#fff;font-size:18px}
.foot_nav .lilast h4 span{ font-size:16px; font-weight:normal;}
.foot_nav .lilast .ft-subnav{padding-bottom:10px;}
.foot_nav .lilast .share{line-height:30px; height:30px;position:relative;}
.foot_nav .lilast .share .bdsharebuttonbox a { display: inline-block; width: 30px; height: 30px; padding: 0; margin: 0; margin-left: 10px; background: url(../images/ico-30.png) no-repeat 0 0; }
.foot_nav .lilast .share .bdsharebuttonbox .bds_weixin { background-position: -90px 0; }
.foot_nav .lilast .share .bdsharebuttonbox .bds_tqq { background-position: -120px 0; }
.foot_nav .lilast .share .bdsharebuttonbox .bds_tsina { background-position: -150px 0; }
.foot_nav .lilast .share .bdsharebuttonbox  a{opacity:0.6;}
.foot_nav .lilast .share .bdsharebuttonbox  a:hover{opacity:1;}

.foot_bottom{height:48px;line-height:48px;color:#939397;background:#26262e}
.foot_bottom .fl{ width:70%; float:left;}
.foot_bottom .fr{ width:25%; float:left; text-align:right;}
.foot_bottom a{display:inline-block;height:18px;color:#939397;}
.foot_bottom a:hover{color:#6e6e73;}

@media screen and (max-width: 1152px) and (min-width:1024px) {
.foot_nav>li{float:left;height:210px;padding:0 39px;border-right:1px solid #5d5d63}
}

@media (min-width: 1024px) {
.js-m {transform: translateY(50px);opacity: 0; }
.js-m1 {transform: translateX(-50px);opacity: 0; }
.js-m2 {transform: translateX(50px);opacity: 0; }
.js-m3 {transform: translateY(-50px);opacity: 0; } }

/*分页*/
.page{font-size: 12px; color: #777777; text-align: center; margin: 30px 0;}
.page a,.page span { color: #838383;display: inline-block;border: 1px solid #c6c6c6; border-radius:2px;vertical-align: middle;margin: 0 0 10px -1px;width:64px;height: 34px;line-height: 34px;font-size: 13px;}
.page .goprev{margin-right: 10px;}
.page .gonext,.page .count {margin-left: 10px;}
.page span a:hover{color:#fff; background: #FFCC00;}
.page span{color:#fff; background: #0051A2;}